.assistance_banner{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.assistance_banner_img{
    width: 100%;
}
.mian_assistance_block{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.assistance_detail_block{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 90rpx 20rpx 20rpx 20rpx;
    box-sizing: border-box;
}
.assistance_detail_bg{
    /* background-image: url(https://image1.sansancloud.com/xianhua/2020_5/25/15/1/9_479.jpg?x-oss-process=style/preview);
    background-repeat:no-repeat;
    background-position:center; */
    width: 102%;
    height: 34rpx;
    position: relative;
    z-index: 3;
}
.assistance_detail_info{
    position: relative;
    z-index: 2;
    width: 95%;
    padding: 20rpx 40rpx;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    box-shadow: 0rpx 6rpx 18rpx #555;
    border-bottom-right-radius: 10rpx;
    border-bottom-left-radius: 10rpx;
}
.count_down_text{
    font-size: 36rpx;
    font-weight: bold;
}
.count_down_time{
    margin-top: 20rpx;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.assistance_detail_remain_block{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 20rpx;
    color: #666;
    font-size: 26rpx;
    
    
    position: absolute;
    top: -118rpx;
    background: #ffff;
    padding: 20rpx 80rpx;
    box-sizing: border-box;
    border-top-left-radius: 10rpx;
    border-top-right-radius: 10rpx;
    box-shadow: 0rpx 0rpx 18rpx #555;
    /* width: 100%; */
}
.assistance_detail_remain_num{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.assistance_detail_remain_num_item{
    padding: 0 6rpx;
    margin: 0 4rpx;
    border-radius: 5rpx;
    color: #fff;
}
.assistance_friend_list_block{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin:  38rpx 0 30rpx 0;
    width: 100%;
    padding: 0 60rpx;
    box-sizing: border-box;
}
.assistance_friend_list{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}
.assistance_friend_item{
    display: inline-block;
    text-align: center;
    margin: 0 25rpx;
    font-size: 24rpx;
}
.assistance_friend_icon{
    width: 90rpx;
    height: 90rpx;
    margin-bottom: 20rpx;
    background: #999;
    color: #DBDBDB;
    font-size: 50rpx;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 90rpx;
}
.assistance_friend_icon_img{
    width: 90rpx;
    height: 90rpx;
    border-radius: 90rpx;
}
.assistance_friend_progress_block{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0 60rpx;
    box-sizing: border-box;
}
.assistance_friend_progress{
    background: #dbdbdb;
    position: relative;
    height: 20rpx;
    border-radius: 20rpx;
    overflow: hidden;
    width: 450rpx;
}
.assistance_friend_progress_line{
    position: absolute;
    top: 0;
    left: 0;
    height: 20rpx;
    border-radius: 20rpx;
}
.assistance_friend_progress_ratio{
    margin-top: 20rpx;
    font-size: 28rpx;
    color: #333;
}
.assistance_state_block{
    font-size: 24rpx;
    color: #333;
    margin-bottom: 15rpx;
    margin-top: 30rpx;
}
.assistance_btn_block{
    width: 450rpx;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 100rpx;
    color: #fff;
    padding: 25rpx;
    font-size: 34rpx;
}
.user_view_block{
    font-size:24rpx;
    color: #666;
    margin-top: 15rpx;
}
.assistance_item_block{
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0rpx 6rpx 18rpx #555;
    border-radius: 10rpx;
    margin: 20rpx 35rpx;
    background: #fff;
    padding: 30rpx;
    box-sizing: border-box;
}
.assistance_rules_list{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding: 40rpx 20rpx 20rpx 20rpx;
    box-sizing: border-box;
}
.assistance_rules_item{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 24rpx;
}
.assistance_rules_item_img{
    width: 80rpx;
    height: 80rpx;
    margin-bottom: 30rpx;
}
.assistance_rules_item_arrow{
    width: 20rpx;
    height: 38rpx;
    margin-top: 20rpx;
}
.assistance_reward_list_block{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 40rpx;
}
.assistance_reward_list_title{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.assistance_reward_list_title_item{
    font-size: 26rpx;
    font-weight: bold;
    color: #666;
    width: 20%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.assistance_reward_list{
    display: flex;
    flex-direction: column;
}
.assistance_reward_item{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 20rpx 0;
    border-bottom: 1rpx solid #eee;
}
.assistance_reward_list_item{
    font-size: 24rpx;
    color: #666;
    width: 20%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.item_img{
    width: 50rpx;
    height: 50rpx;
    border-radius: 50rpx;
    background: #777;
}
.assistance_reward_more{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: #666;
    font-size: 26rpx;
    padding-top: 50rpx;
}
/* 提交报名 */
.popupFormDetail{
  max-height: 850rpx;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: fixed;
  bottom: -200rpx;
  z-index:11;
  background:#fff;
  padding:20rpx;
  box-sizing:border-box;
}
.form_title{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-bottom:1rpx solid #eee;
  font-size:30rpx;
  padding:20rpx 0;
}
.close_popup_icon{
  width: 40rpx;
  height: 40rpx;
}
.submitBtn{
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  bottom:0;
  width: 100%;
  color: #fff;
  padding: 20rpx;
  z-index: 10;
  box-sizing:border-box;
  background: #fff;
  height: 100rpx;
  font-size: 30rpx;
}
.no_assistance_reward_list{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 40rpx;
    color: #999;
    font-size: 26rpx;
}
.description_block{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: #666;
    font-size: 24rpx;
    padding: 0 20rpx;
    width: 100%;
}
.description_title{
    margin-bottom: 20rpx;
    font-weight: bold;
}
.description_text{
    line-height: 40rpx;
    width: 100%;
    display: flex;
    flex-direction: column;
}